.img-wrapper {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: top;
    & * {
        box-sizing: border-box;
    }
    & + pre {
        background: #eee;
        padding: 10px;
    }
    .pin {
        position: absolute;
        z-index: 1;
        background: white;
        width: 200px;
        padding: 5px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        margin-left: -100px;
        margin-top: 10px;
        &:hover {
            z-index: 2;
        }
        &:before {
            content: "";
            position: absolute;
            left: 50%;
            top: -10px;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 10px 8px;
            border-color: transparent transparent #ffffff transparent;
        }
        &.disabled {
            background: #ccc;
            &:before {
                border-color: transparent transparent #ccc transparent;
            }
            * {
                opacity: 0.8;
                &:hover {
                    opacity: 1;
                }
            }
        }
        input[type='text'] {
            font: inherit;
            border: 1px solid #bbb;
            padding: 0 5px;
            width: ~'calc(100% - 22px)';
            margin-bottom: 3px;
        }
        input[type='radio'] {
            margin-right: 3px;
        }
        button {
            width: 22px;
            height: 22px;
            padding: 0;
            text-align: middle;
        }
    }
    .pin-select {
        position: absolute;
        left: 10px;
        right: 10px;
        z-index: 4;
        background: #ddffee;
    }
    .pin-option {
        cursor: pointer;
    }
    .pin-thumb {

    }
    .pin-show {

    }
    .pin-direction {
        display: table;
        table-layout: fixed;
        width: 100%;
        label {
            display: table-cell;
        }
    }
}

.field-name-field-pins-data {
    display: none;
}
